<!DOCTYPE html>
<head>
    <title>快址</title>
    <meta charset="utf-8">
    <meta name="description" content="快址专为企业提供重庆写字楼出租，重庆写字楼租赁，重庆办公楼出租，重庆写字楼招商及配套服务。坚持以最快的效率为企业用户匹配最适合的办公场所.办公选址，要快就上快址！">
    <meta name="keywords" content="重庆写字楼出租，重庆写字楼出租租赁，重庆写字楼出租办公楼出租">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no">
    <link rel="stylesheet" type="text/css" href="/static/common/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/mobilecommon.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/kz_firstlist2_mobile.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/kz_header_mobile.css"/>
    <link rel="stylesheet" href="/static/common/layui/css/layui.css">
</head>
<body>
<header class="office_header">
    <section class="header">
        <a href="/"><img src="/static/common/mobile_img/mobile_logob.png"/></a>
        <a><input type="search" maxlength="10" value="" placeholder="输入楼盘/区域" id="housesSearch1"/>
            <button onclick="housesSearch(document.getElementById('housesSearch1').value)"><img src="/static/common/mobile_img/list_search.png"/></button>
        </ a>
        <a id="kz_menu"><img src="/static/common/mobile_img/mobile_meunb.png"/></a>
    </section>
    <div class="meum_slide">
    <#include  "include/mobile_navbar.ftl"/>
    </div>
    <nav class="office_nav">
        <a>
            <span id="region">区域</span>
            <p data-order="0"><img src="/static/common/mobile_img/list_down.png"/></p>
        </a>
        <a>
            <span id="price">价格</span>
            <p data-order="1"><img src="/static/common/mobile_img/list_down.png"/></p>
        </a>
        <a>
            <span id="decorate">更多</span>
            <p data-order="2"><img src="/static/common/mobile_img/list_down.png"/></p>
        </a>
    </nav>
</header>
<article class="office_article">
    <div class="hidenavdiv">
        <section>
            <a href="/lists/h2/" <#if  data.regions==''> class="backcolor" </#if> >不限</a>
            <#list data.county as county>
                <a data-order="${county.county_id}" <#if  data.regions=='r'+county.county_id>class="backcolor" </#if> >${county.name}</a>
            </#list>
        </section>
    <#list data.county as county>
        <section data-parent="${county.county_id}" class="hidesection">
            <a href="/lists/h2r${county.county_id}/"  <#if  data.tradeArea_id==''> class="checka_t" </#if> >不限</a>
            <#list data.tradeArea as td>
                <#if td.parent_id==county.county_id>
                    <a href="/lists/h2r${td.parent_id}t${td.county_id}/" <#if  data.tradeArea_id=='t'+td.county_id > class="checka_t" </#if> >${td.name}</a>
                </#if>
            </#list>
        </section>
    </#list>
    </div>
    <div class="hidenavdiv">
        <a href="/lists/h2${data.regions}${data.area}${data.tradeArea_id}/" <#if data.price == ''>class="checka_p"</#if>>单价不限</a>
        <a href="/lists/h2${data.regions}${data.area}${data.tradeArea_id}p1/" <#if data.price == 'p1'>class="checka_p"</#if>>500元以下</a>
        <a href="/lists/h2${data.regions}${data.area}${data.tradeArea_id}p2/" <#if data.price == 'p2'>class="checka_p"</#if>>500-800元</a>
        <a href="/lists/h2${data.regions}${data.area}${data.tradeArea_id}p3/" <#if data.price == 'p3'>class="checka_p"</#if>>800-1000元</a>
        <a href="/lists/h2${data.regions}${data.area}${data.tradeArea_id}p4/" <#if data.price == 'p4'>class="checka_p"</#if>>1000-1500元</a>
        <a href="/lists/h2${data.regions}${data.area}${data.tradeArea_id}p5/" <#if data.price == 'p5'>class="checka_p"</#if>>1500-2000元</a>
        <a href="/lists/h2${data.regions}${data.area}${data.tradeArea_id}p6/" <#if data.price == 'p6'>class="checka_p"</#if>>2000元以上</a>
    </div>
    <div class="hidenavdiv">
        <section>
            <a class="backcolor" data-order="1">装修</a>
            <a data-order="2">类型</a>
        </section>
        <section class="showsection">
            <a href="/lists/h2${data.regions}${data.area}${data.price}${data.tradeArea_id}d3/" <#if data.decorate == 'd3'>class="checka_d"</#if>>清水</a>
            <a href="/lists/h2${data.regions}${data.area}${data.price}${data.tradeArea_id}d2/" <#if data.decorate == 'd2'>class="checka_d"</#if>>简装</a>
            <a href="/lists/h2${data.regions}${data.area}${data.price}${data.tradeArea_id}d1/" <#if data.decorate == 'd1'>class="checka_d"</#if>>精装</a>
        </section>
        <section class="hidesection">
            <a href="/lists/h1/">写字楼</a>
            <a href="/lists/h4/">联合办公</a>
            <a href="/lists/h2/">工位</a>
        </section>
    </div>
</article>
<content class="office_content">
    <ul class="flow-default" id="LAY_demo1"></ul>
</content>
<script type="text/javascript" src="/static/common/js/jquery.min.js"></script>
<script src="/static/common/js/common.js"></script>
<script src="/static/common/js/common2.js"></script>
<script src="/static/common/js/mobilecommon.js"></script>
<script src="/static/common/js/mobilekz2.js"></script>
<script src="/static/common/layui/layui.js" type="text/javascript"></script>
<script type="text/javascript">
    var keyword =${data.queryAnalyzerOffice};
    layui.use('flow', function () {
        var flow = layui.flow;
        flow.load({
            elem: '#LAY_demo1', //流加载容器
            done: function (page, next) { //执行下一页的回调
                var time = 500;
                if (page == 1) {
                    time = 0;
                }
                setTimeout(function () {
                    var lis = [];
                    var pages = 1;
                    $.post('/lists/ajaxStationData', keyword, function (res) {
                        keyword.page = res.pageNum + 1;
                        pages = res.pages;
                        var data = res.data;
                        for (var i = 0; i < data.length; i++) {
                            var imgJson = JSON.parse(data[i].cover_img_path);
                            var num = 0;
                            var price = 0;
                            if (data[i].stationHouse == null || data[i].stationHouse.length == 0) {
                                continue;
                            }
                            for (var j = 0; j < data[i].stationHouse.length; j++) {
                                if (data[i].stationHouse[j].type == '开放办公') {
                                    price = data[i].stationHouse[j].price;
                                    if (data[i].stationHouse[j].area != null && data[i].stationHouse[j].area != '') {
                                        num = num + parseInt(data[i].stationHouse[j].area);
                                    }
                                }
                            }
                            lis.push('<a href="/details/s' + data[i].station_id + '.html">'
                                    + '<img class="house" src="' + imgJson.minPath + '"/>'
                                    + '<div>'
                                    + ' <h3>' + data[i].nickname + '</h3>'
                                    + '<p><img src="/static/common/mobile_img/list_locate.png"/>' + data[i].name + '-' + data[i].trade_area_name + '</p>'
                                    + '<p><img src="/static/common/mobile_img/kz_release_house.png">&nbsp;共有工位数' + data[i].stationNum + '个</p>'
                                    + '<p><img src="/static/common/mobile_img/list_pf.png"/>&nbsp;在租工位余&nbsp;' + num + '个</p>'
                                    + '<p>' + data[i].stationHouse[data[i].stationHouse.length - 1].price + '<span>元/月起</span></p>'
                                    + '</div>'
                                    + '</a>'
                            )
                        }
                        next(lis.join(''), page < pages);
                    }, 'json')
                }, time);
            }
        });
    });
</script>
</body>
</html>